<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="style.css" />
    <title>Image Carousel</title>
  </head>
  <body>
    
    <div class="carousel">
      <div class="image-container" id="imgs">
        <img 
        src="https://www.waibao123.com/Uploads/photo/2014-07-16/ff544162748b2ddf1d362b908737387f_big.jpg"
        alt="first-image"
        />
        <img
        src="https://img.zcool.cn/community/01772d5bd715b3a801213dea76b733.jpg@1280w_1l_2o_100sh.jpg"
        alt="second-image"
        />
        <img
        src="https://pic1.zhimg.com/v2-f45569da54439aaa137800d2a0a11448_b.jpg"
        alt="third-image"
        />
        <img
        src="https://desk-fd.zol-img.com.cn/t_s960x600c5/g5/M00/02/08/ChMkJ1bCjz2Idg_PAAsWdIu8ILgAAKI_gOiQc8ACxaM038.jpg"
        alt="fourth-image"
        />
        </div>

      <div class="buttons-container">
        <button id="left" class="btn">Prev</button>
        <button id="right" class="btn">Next</button>
      </div>
    </div>

    <script src="script.js"></script>
  </body>
</html>